<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<link rel="stylesheet" media="screen" type="text/css"
	href="styles/1CssMaster.css" />

<link rel="stylesheet" media="screen" type="text/css"
	href="styles/tableau.css" />
	
	<link rel="stylesheet" media="screen" type="text/css"
	href="styles/facturation.css" />

<title>Facturation APRES génération</title>



</head>
<!-- /////////////////////////////////////////////body////////////////////////////////////////////////////////-->
<body>
	<div id="headerDroite">
			<h:form>
				<h:panelGrid columns="2">
					<h:outputText style="center:left" value="#{mbConnexion.leLogin}" />
					<h:commandButton value="Déconnexion"
						action="#{mbConnexion.deconnexion}" />
					<h:outputText style="center:left" />
					<h:outputText style="center:left" />
				</h:panelGrid>
			</h:form>
		</div>
		<div id="divTitre">
			<h1 id="nomLogiciel">Gepeto</h1>
			<img alt="" src="../../mairie/imagesGepeto/plumeSansFond.png"
				width="80px" height="80px" />

		</div>
	<div id="divMenuHaut">

		<ul id="ulMenuHaut">

	<li class="liMenuHaut"><a href="ficheEnfant.xhtml">Dossier Enfant</a></li>
	<li class="liMenuHaut"><a href="inscription.xhtml">Inscription</a></li>
	<li class="liMenuHaut"><a href="pointage.xhtml">Pointage</a></li>
	<li class="liMenuHaut"><a href="factConsultation.xhtml">Facturation</a></li>
	<li class="liMenuHaut"><a href="editions.xhtml">Editions</a></li>
	<li class="liMenuHaut"><a href="personnel.xhtml">Personnel</a></li>
		</ul>
	</div>
	<!--///////////////////////////////////menu gauche ///////////////////-->
	<div id="divSousMenuGauche">

		<ul id="ulSousMenuGauche">
			<li class="liSousMenuGauche"><a href="factGenerationAvGeneration.xhtml">Génération des
					Factures</a></li>
			<li class="liSousMenuGauche"><a href="factConsultation.xhtml">Consultation</a></li>
			<li class="liSousMenuGauche"><a href="factEnvoi.xhtml">Envoi
					automatique</a></li>
			<li class="liSousMenuGauche"><a href="factSuiviReglement.xhtml">Suivi des
					règlements</a></li>
			
			<li class="liSousMenuGauche"><a href="#">Clôture des
					périodes</a></li>

		</ul>
	</div>
	<div id="centre">

		<!-- 	///////////////////////////////////////////////critères/////////////////////////////////////////////  -->
		<div id="divRecherche">
			<fieldset id="recherche">
				<legend>
					<b>Critères</b>
				</legend>
				<form id="formulaireGeneration" method="post" action="">
					<table>
						<tr>
							<td class="tdRech"><select name="Cycle à facturer">
									<option>Selectionner une période</option>
									<option>09/04/2012 - 26/10/2012</option>
									<option>08/11/2012 - 21/12/2012</option>
									<option>07/01/2013 - 01/03/2013</option>
									<option>18/03/2013 - 26/04/2013</option>
									<option>13/05/2013 - 04/07/2013</option>


							</select></td>
							<td class="tdRech"><select name="Ecole">
									<option>Selectionner une école</option>
									<option>prim.Georges-Cogniot</option>
									<option>prim.Fernand-Léger</option>
									<option>prim.Jean-Jaurès</option>
									<option>prim.Guy-Môquet</option>
									<option>prim.Paul-Bert</option>
									<option>prim.Paul-Vaillant-Couturier</option>
									<option>prim.Paul-Langevin</option>
									<option>prim.Henri-Barbusse</option>
									<option>mat.Georges-Cogniot</option>
									<option>mat.Fernand-Léger</option>
									<option>mat.Jean-Jaurès</option>
									<option>mat.Guy-Môquet</option>
									<option>mat.Paul-Bert</option>
									<option>mat.Paul-Langevin</option>
									<option>mat.Henri-Barbusse</option>
							</select></td>

							<th><input id="valider" type="submit"
								value="Lancer le calcul des factures"
								onclick="javascript:text()" /></th>

						</tr>
					</table>
				</form>

			</fieldset>

			<!-- 			/////////////////////////////////////////////////////////////Résultats///////////////////////////////////////////// -->
			<fieldset id="fieldSetResultat">
				<legend>
					<b>Résultat</b>
				</legend>

				<div class="datagrid">
					<table>
						<thead>
							<tr>
								<th>Fiche Enfant</th>
								<th>Nom</th>
								<th>Prénom</th>
								<th>Ecole</th>
								<th>Numéro</th>
								<th>Montant</th>
								<th>Pdf</th>
							

							</tr>
						</thead>
						<tfoot>
							<tr>
								<td colspan="7"><div id="paging">
										<ul>
											<li><a href="#"><span>Previous</span></a></li>
											<li><a href="#" class="active"><span>1</span></a></li>
											<li><a href="#"><span>2</span></a></li>
											<li><a href="#"><span>3</span></a></li>
											<li><a href="#"><span>4</span></a></li>
											<li><a href="#"><span>5</span></a></li>
											<li><a href="#"><span>Next</span></a></li>
										</ul>

									</div></td>
							</tr>
						</tfoot>
						<tbody>
							<tr>
								<td><a href=".xhtml" style="text-decoration: underline;">
										Voir fiche</a></td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td><a href=".xhtml" style="text-decoration: underline;">
										Pdf</a></td>
										
								
							</tr>
							<tr class="alt">
								<td><a href=".xhtml" style="text-decoration: underline;">
										Voir fiche</a></td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td><a href=".xhtml" style="text-decoration: underline;">
										Pdf</a></td>
								
							</tr>
							<tr>
								<td><a href=".xhtml" style="text-decoration: underline;">
										Voir fiche</a></td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td><a href=".xhtml" style="text-decoration: underline;">
										Pdf</a></td>
								
							</tr>
							<tr class="alt">
								<td><a href=".xhtml" style="text-decoration: underline;">
										Voir fiche</a></td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td><a href=".xhtml" style="text-decoration: underline;">
										Pdf</a></td>
							</tr>
							<tr>
								<td><a href=".xhtml" style="text-decoration: underline;">
										Voir fiche</a></td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td><a href=".xhtml" style="text-decoration: underline;">
										Pdf</a></td>
							</tr>
						</tbody>
					</table>
				</div>
			</fieldset>

		</div>
		<!-- ///////////////////////////////////////////////////////////////////////Edition des facturesr///////////////////////////////// -->
		<div id="divGenerer">
			<fieldset id="fieldSetGenerer">
				<legend>
					<b>Edition des factures</b>
				</legend>

				<table id="tableGenerer">
					<tr>

						<td><input id="btnGenerer" type="submit"
							value="Editer l'ensemble des factures Pdf" style="margin-left: 50%;" onclick="javascript:text()" /></td>

					</tr>
				</table>
			</fieldset>
		</div>

	</div>
</body>
</html>